import React, { Component } from 'react'
import MyContext from './MyContext'
import CommonContext from './CommonContext'

// export default class Grandson extends Component {
//   //固定写法
//   static contextType = MyContext;
//   render() {
//     let {msg,name} = this.context;
//     return (
//       <div>
//         {msg}-{name}
//       </div>
//     )
//   }
// }


export default class Grandson extends Component {

  render() {
    return (
      <div>
        <MyContext.Consumer>
          {
            ({ age, name,change }) => {
              return (
                <CommonContext.Consumer>
                  {
                    ({ title }) => {
                      return (
                        <>
                          <h1>{name}-{age}-{title}</h1>
                          <button onClick={()=>{
                            change(35)
                          }}>change</button>
                        </>
                      )
                    }
                  }
                </CommonContext.Consumer>
              )
            }
          }
        </MyContext.Consumer>

      </div>
    )
  }
}

